@charset "utf-8";
/*=================================
CSS Navigation
October 2012
By : Away
http://www.dfuns.idv.tw
http://away.myds.me/wordpress
=================================*/

*{ margin:0; padding:0;}
body{ font-size:15px;  background:url(images/bg.gif); font-family:Arial, Helvetica, sans-serif;}
h1{ text-align:center; font-size:4em; color:#666; opacity:.2; text-shadow:-2px 2px #000; margin-top:100px;}
.nav{ list-style:none; background:#444; padding-top:2px; width:736px; height:41px; margin:30px auto; position:relative;}
.nav li{ float:left; margin:0 1px;}
.nav a{ background:#333; border-top:solid 1px #999; display:block; color:#666; text-decoration:none; line-height:40px; padding:0 1em; position:relative; text-shadow:-1px -1px #000;}
.nav a:hover{ color:#CCC;}
.nav a:hover span{ 
    display:block; 
    width:0; 
    height:0; 
    border:solid 7px #EEE; 
    border-color:transparent transparent #EEE transparent; 
    position:absolute; 
    bottom:0; 
    left:45%;
}
.nav ul{ display:none; list-style:none; position:absolute; left:0; width:100%; background:-moz-linear-gradient(#EEE, #FFF); background:-webkit-linear-gradient(#EEE, #FFF);}
.nav li li{ margin:0;}
.nav li:hover ul{ display:block;}
.nav ul a{ background:none; border:0; padding:0 .5em; text-shadow:none;}
.nav ul a:hover{ text-decoration:underline; color:#000;}

.b1:hover{ border-color:#F00}
.b2:hover{ border-color:#F90}
.b3:hover{ border-color:#FF0;}
.b4:hover{ border-color:#0C0;}
.b5:hover{ border-color:#6CF;}
.b6:hover{ border-color:#63F;}
.b7:hover{ border-color:#F0F;}
.b8:hover{ border-color:#FFF;}